.wh(@name,@px){
    @{name}:@px / 75 * 1rem;
}

.font-dpr(@font-size){
    font-size: @font-size;
    [data-dpr="2"] & {
        font-size: @font-size * 2;
    }
    [data-dpr="3"] & {
        font-size: @font-size * 3;
    }
}

.header{
    position:fixed;
    top:0;
    left:0;
    z-index:123;
    background:#fff;
    width: 100%;
    height: 40px;
    display: flex;
    justify-content: space-around;
    align-items:center;
    dl:nth-child(1){
        width: 10%;
        display:flex;
        justify-content:center;
        align-items:center;
         dt{
            img{
                width: 100%;
            }
        }
        dd{
            img{
                width: 100%;
                margin-left: 15%;
            }
        }
        
    }
    a:nth-child(2){
        width: 70%;
        height: 29px;
        border:none;
        border-radius: 4px;
        display:flex;
        justify-content:center;
        align-items:center;
    }
    .header_right:nth-child(3){
        width: 10%;
        display:flex;
        justify-content:center;
        align-items:center;
        img{
            width: 100%;
        }
    }
}
.div{
    .wh(margin-top,50);
    img{
        width: 100%;
    }
}
.nav{
    display: flex;
    .wh(margin-top,30);
    span{
        flex: 1;
        .wh(height,40);
        text-align: center;
        .wh(font-size,30);
        color: #C3C3C3;
    }
    span:nth-child(1):hover{
        border-bottom: 2px solid yellow;
    }
    span:nth-child(2):hover{
       border-bottom: 2px solid yellow; 
    }
    span:nth-child(3):hover{
        color: #000000;
       border-bottom: 2px solid yellow; 
    }
    span:nth-child(3){
        color: #000000;
    }
    span:nth-child(4):hover{
       border-bottom: 2px solid yellow; 
    }
}
.giuy{
   .wh(margin-top,40);
   img{
       width: 100%;
   } 
}
.remit{
    display: flex;
    justify-content: space-between;
    align-items: center;
    .wh(margin-top,38);
    span{
        text-align: center;
       img{
           width: 80%;
           margin-left: 20%;
       } 
    }
    .span{
        font-weight: 800;
        .font-dpr(14px);
    }
    .btn{
        .wh(width,152);
        .wh(height,52);
        background: #fed201;
        border: none;
        .font-dpr(18px);
    }
}
.zi{
    width: 95%;
    margin: auto;
    .font-dpr(25px);
    color: #C3C3C3;
    .wh(margin-top,40);
}
.biao{
   .wh(margin-top,34);
   display: flex;
   div{
       flex: 1;
       margin-left: 2%;
       img{
           width: 100%;
       }
   }
}